@charset "UTF-8";
@import "//at.alicdn.com/t/font_2873469_g8icew3x3wd.css";
body {
  margin: 0;
  padding: 0 !important;
  font-family: "Microsoft YaHei", 微软雅黑, "MicrosoftJhengHei", 华文细黑, STHeiti, MingLiu, serif; }

a {
  text-decoration: none; }

ul {
  margin: 0;
  padding: 0; }

ul li {
  list-style: none; }

body {
  background-color: #7861e1;
  background-image: linear-gradient(to right, #a982f0, #4943d3); }
  body .container {
    position: relative;
    background: url(../image/bg.jpg) #7b64e2 top center no-repeat;
    background-size: cover;
    overflow: hidden;
    padding-bottom: 200px; }
    body .container .main {
      position: relative;
      width: 42%;
      margin-left: 14%;
      color: #fff;
      opacity: .86; }
      body .container .main .arrow {
        position: absolute;
        top: 700px;
        right: -650px;
        width: 100px;
        height: 100px;
        border-radius: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: .4;
        background: #fff;
        cursor: pointer;
        color: #000; }
        body .container .main .arrow i {
          font-size: 60px; }
      body .container .main .logo {
        margin-top: 20px; }
      body .container .main .title {
        margin-top: 150px;
        font-size: 50px;
        font-weight: 600; }
      body .container .main .sub {
        margin-top: 30px;
        display: flex;
        font-size: 30px; }
        body .container .main .sub > div {
          display: flex;
          align-items: center; }
          body .container .main .sub > div + div {
            margin-left: 30px; }
          body .container .main .sub > div:before {
            margin-right: 10px;
            content: ' ';
            display: block;
            width: 12px;
            height: 12px;
            background: #fff;
            border-radius: 6px; }
      body .container .main .info {
        margin-top: 20px;
        font-size: 16px; }
      body .container .main .app {
        position: relative;
        margin-top: 120px; }
        body .container .main .app .info {
          display: flex;
          justify-content: space-between;
          align-items: flex-end; }
          body .container .main .app .info .left {
            display: flex; }
            body .container .main .app .info .left .thumb img {
              display: block;
              width: 120px;
              height: 120px; }
            body .container .main .app .info .left .version {
              display: flex;
              flex-direction: column;
              justify-content: space-around;
              margin-left: 20px; }
              body .container .main .app .info .left .version > * {
                margin: 0; }
              body .container .main .app .info .left .version .title {
                font-size: 24px;
                font-weight: 600; }
          body .container .main .app .info .right {
            flex-grow: 1;
            display: flex;
            justify-content: center; }
            body .container .main .app .info .right .qrcode {
              display: flex;
              flex-direction: column;
              align-items: center; }
              body .container .main .app .info .right .qrcode img {
                border-radius: 10px;
                width: 200px;
                height: 200px; }
              body .container .main .app .info .right .qrcode > div {
                margin-top: 20px; }
        body .container .main .app .buttons {
          margin-top: 60px;
          display: flex; }
          body .container .main .app .buttons .button {
            position: relative;
            width: 240px;
            height: 60px;
            line-height: 60px;
            text-align: center;
            border-radius: 30px;
            background-color: #f9ad19;
            background-image: linear-gradient(to bottom left, #fff, #ddd);
            font-size: 18px;
            color: #4943d3;
            cursor: pointer; }
            body .container .main .app .buttons .button + .button {
              margin-left: 60px; }
            body .container .main .app .buttons .button:hover > div {
              display: block; }
            body .container .main .app .buttons .button > div {
              display: none;
              position: absolute;
              top: -290px;
              background: #fff;
              border-radius: 10px;
              overflow: hidden; }
              body .container .main .app .buttons .button > div > div {
                height: 30px;
                line-height: 30px; }
              body .container .main .app .buttons .button > div img {
                display: block;
                width: 100%; }
  body .seo {
    display: none;
    flex-direction: column;
    align-items: center;
    color: #fff;
    border-top: solid #a982f0 5px;
    padding-bottom: 200px;
    opacity: .8; }
    body .seo > div {
      width: 1200px; }
    body .seo .intro {
      margin-top: 60px;
      line-height: 30px; }
      body .seo .intro .description {
        overflow: hidden; }
        body .seo .intro .description a {
          color: #fff; }
        body .seo .intro .description img {
          width: 160px;
          float: left;
          margin-right: 10px;
          border-radius: 10px;
          opacity: .8; }
    body .seo .news {
      margin-top: 60px; }
      body .seo .news .title {
        text-align: center; }
      body .seo .news .content {
        display: flex;
        justify-content: space-between;
        margin-top: 20px; }
        body .seo .news .content .column {
          width: 48%; }
          body .seo .news .content .column .hd {
            display: flex;
            justify-content: space-between;
            align-items: center;
            height: 40px;
            line-height: 40px;
            border-bottom: 1px solid #ddd; }
            body .seo .news .content .column .hd .title {
              border-bottom: 1px solid #ff15cd;
              margin-bottom: -1px; }
              body .seo .news .content .column .hd .title a {
                font-size: 16px;
                font-weight: normal;
                color: #fff; }
            body .seo .news .content .column .hd .more {
              font-size: 14px;
              color: #ddd;
              text-decoration: none; }
          body .seo .news .content .column .bd {
            padding-top: 20px; }
            body .seo .news .content .column .bd ul li {
              display: flex;
              justify-content: space-between;
              height: 30px;
              line-height: 30px;
              overflow: hidden; }
              body .seo .news .content .column .bd ul li .time {
                flex-shrink: 0;
                margin-left: 10px;
                font-size: 14px;
                color: #fff; }
                body .seo .news .content .column .bd ul li .time i {
                  margin-right: 4px; }
              body .seo .news .content .column .bd ul li a {
                flex-grow: 1;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                color: #fff;
                font-size: 14px;
                text-decoration: none; }
  body .bottom {
    position: relative;
    margin-top: -140px;
    width: 60%;
    margin-left: 14%;
    opacity: .8;
    color: #fff;
    line-height: 30px;
    font-size: 14px; }
    body .bottom p {
      margin: 0; }
    body .bottom a {
      color: #fff; }

/*# sourceMappingURL=index.css.map */